<!DOCTYPE HTML>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>数据迁移-告警列表</title>
    <style>
        table, th, td {
            /* 设置边框宽度、样式和颜色 */
            border: 1px solid black;
            /* 合并相邻的边框 */
            border-collapse: collapse;
        }
    </style>
</head>
<body>
<table cellpadding='3' style="border-collapse:collapse; width:100%;" class="table">
    <thead style="font-weight: bold;color: #ffffff;background-color: #ff8c00;">
    <tr>
        <th>主键</th>
        <th>源表名</th>
        <th>目标表名</th>
        <th>预期迁移数量</th>
        <th>成功迁移数量</th>
        <th>失败迁移数量</th>
        <th>迁移状态</th>
        <th>耗时（毫秒）</th>
        <th>告警次数</th>
        <th>创建时间</th>
        <th>备注</th>
        <th>请求参数</th>
    </tr>
    </thead>
    <tr th:each="item:${records}">
        <td th:text="${item.id}"/>
        <td th:text="${item.sourceTableName}"/>
        <td th:text="${item.targetTableName}"/>
        <td th:text="${item.totalSize}"/>
        <td th:text="${item.successSize}"/>
        <td th:text="${item.failSize}"/>
        <td th:text="${item.status}"/>
        <td th:text="${item.cost}"/>
        <td th:text="${item.alarmCount}"/>
        <td th:text="${#dates.format(item.dateCreated, 'yyyy-MM-dd HH:mm:ss')}"/>
        <td th:text="${item.remark}"/>
        <td th:text="${item.reqParam}"/>
    </tr>
</table>
</body>
</html>